<template>
  <scroll class="scroll">
    <list :data="songs" type="song" @select="emitSelect"></list>
  </scroll>
</template>

<script>

  import Scroll from "@/base/scroll/Scroll";
  import List from "@/base/list/List";
    export default {
        props: {
            songs: {
                type: Array,
                default(){return []}
            }
        },
        components: {List, Scroll},
        methods: {
            emitSelect(payload){
                this.$emit('select',payload)
            }
        }
    }
</script>

<style scoped lang="stylus">
  @import "~common/stylus/variable"
  .scroll
    overflow hidden
    height 450px
</style>
